<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录页面</title>
	<style type="text/css">
		*{margin: 0;padding: 0;}
		p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li{margin: 0px;padding: 0px;}
	</style>
	<link rel="stylesheet" type="text/css" href="css/demo.css">
</head>
<body>
	<div class="header"></div>
	<div class="boxCon">
		<div class="logo"></div>
		<form action="#" method="get">
			<div class="forBox">
				<div class="imgBox clearFixed">
					<img class="fl" src="img2/qrcode-normal.svg" alt="" />
				    <img class="fl" src="img2/wx-login.svg" alt="" />
				</div>
				<div class="inpLeft fl">
					<div class="line1">
						<p class="txtP1 fl btn1 btn2">密码登录</p>
						<p class="txtP2 fl">验证码登录</p>
					</div>
					<div class="lineInp">
						<input type="text" placeholder="请输入常用手机号或邮箱">
					</div>
					<div class="lineInp">
						<input type="password" placeholder="请输入密码">
					</div>
					<p class="txt">忘记密码 ?</p>
					<input type="submit" value="登录">
					<span class="or">or</span>
				</div>

				<div class="inpRight fl">
					<div class="txt1">还没有账号</div>
					<div class="txt2">立即注册<a href="zhuce.html"><img src="img2/icon-arrow-right.png"></a></div>
					<div class="txt3">
						<p>使用一下账号直接登录</p>
						<a href=""><img  class="fl" src="img2/icon-sina1.png"></a>
						<a href=""><img class="fl" src="img2/icon-wechat.png"></a>
						<a href=""><img class="fl" src="img2/icon-tencent.png"></a>
						<a href=""><img class="fl" src="img2/icon-baidu.png"></a>
					</div>
				</div>
			</div>
		</form>
	</div>
</body>
</html>